<!DOCTYPE html>
  <html xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:c="http://java.sun.com/jsp/jstl/core">
        
   <h:head>
   </h:head>
	
	<h:body>
	<ui:include src="/pages/header.xhtml"/>
    <ui:include src="/pages/menu.xhtml"/>
	<p:tabView orientation="left">
		<!-- Extraire le nom -->
		<p:tab title="#{VoyageBean.libelle}">
		<!-- Extraire le prix -->
		<h:outputText value="Prix:  #{PrixBean.valeur}" /><br/>
		<!-- Extraire le pays -->
		<h:outputText value="Pays: #{PaysBean.nom}" />
		<!-- Extraire la note -->
		<!-- Modifier la redirection de la liste des avis -->
		<p:rating value="#{NoteClientBean.valeur}" stars="5" readonly="true"/><h:outputText value="  Liste des avis" /><br/> 
		<br/>
		<br/>
		<!-- Extraire la formule -->
		<h:outputText value="Formule: #{FormuleBean.libelle}" /><br/>
		<!-- Extraire la periode -->
		<h:outputText value="Periode: #{PeriodeBean.date_deb} - #{PeriodeBean.date_fin}" /><br/>
		<!-- Extraire la description du sejour -->
		<h:outputText value="#{VoyageBean.description}" /><br/>
		<!-- Extraire la ou les villes visite -->
		<h:outputText value="Ville(s) visite(s):" /><br/>
		<c:forEach items="${VilleBean}" var="Lville">
			<p:outputLabel value="#{Lville.villes}" var="ville">
				<h:outputText value="- #{ville.nom}" /><br/>
			</p:outputLabel>
		</c:forEach>
		<!-- Extraire les photos -->
		<h:outputText value="Photos:" /><br/>	
		<p:galleria value="#{photoBean.images}" var="image">
			<p:graphicImage value="#{image.chemin}" title="#{image.nom}" alt="#{image.description}" />
		</p:galleria>
		<p:button outcome="listeVoyage.xhmtl" value="Ajouter panier"/>
	</p:tab>
	<p:tab title="#{VoyageBean.libelle}">

		<!-- Extraire le prix -->
		<h:outputText value="Prix:  #{PrixBean.valeur}" /><br/>
		<!-- Extraire le pays -->
		<h:outputText value="Pays: #{PaysBean.nom}" />
		<!-- Extraire la note -->
		<!-- Modifier la redirection de la liste des avis -->
		<p:rating value="#{NoteClientBean.valeur}" stars="5" readonly="true"/><h:outputText value="  Liste des avis" /><br/> 
		<br/>
		<br/>
		<!-- Extraire la formule -->
		<h:outputText value="Formule: #{FormuleBean.libelle}" /><br/>
		<!-- Extraire la periode -->
		<h:outputText value="Periode: #{PeriodeBean.date_deb} - #{PeriodeBean.date_fin}" /><br/>
		<!-- Extraire la description du sejour -->
		<h:outputText value="#{VoyageBean.description}" /><br/>
		<!-- Extraire la ou les villes visite -->
		<h:outputText value="Ville(s) visite(s):" /><br/>
		<c:forEach items="${VilleBean}" var="Lville">
			<p:outputLabel value="#{Lville.villes}" var="ville">
				<h:outputText value="- #{ville.nom}" /><br/>
			</p:outputLabel>
		</c:forEach>
		<!-- Extraire les photos -->
		<h:outputText value="Photos:" /><br/>	
		<p:galleria value="#{photoBean.images}" var="image">
			<p:graphicImage value="#{image.chemin}" title="#{image.nom}" alt="#{image.description}" />
		</p:galleria>
		<p:button outcome="listeVoyage.xhmtl" value="Ajouter panier"/>
	</p:tab>
	<p:tab title="#{VoyageBean.libelle}">
		<!-- Extraire le prix -->
		<h:outputText value="Prix:  #{PrixBean.valeur}" /><br/>
		<!-- Extraire le pays -->
		<h:outputText value="Pays: #{PaysBean.nom}" />
		<!-- Extraire la note -->
		<!-- Modifier la redirection de la liste des avis -->
		<p:rating value="#{NoteClientBean.valeur}" stars="5" readonly="true"/><h:outputText value="  Liste des avis" /><br/> 
		<br/>
		<br/>
		<!-- Extraire la formule -->
		<h:outputText value="Formule: #{FormuleBean.libelle}" /><br/>
		<!-- Extraire la periode -->
		<h:outputText value="Periode: #{PeriodeBean.date_deb} - #{PeriodeBean.date_fin}" /><br/>
		<!-- Extraire la description du sejour -->
		<h:outputText value="#{VoyageBean.description}" /><br/>
		<!-- Extraire la ou les villes visite -->
		<h:outputText value="Ville(s) visite(s):" /><br/>
		<c:forEach items="${VilleBean}" var="Lville">
			<p:outputLabel value="#{Lville.villes}" var="ville">
				<h:outputText value="- #{ville.nom}" /><br/>
			</p:outputLabel>
		</c:forEach>
		<!-- Extraire les photos -->
		<h:outputText value="Photos:" /><br/>	
		<p:galleria value="#{photoBean.images}" var="image">
			<p:graphicImage value="#{image.chemin}" title="#{image.nom}" alt="#{image.description}" />
		</p:galleria>
		<p:button outcome="listeVoyage.xhmtl" value="Ajouter panier"/>
	</p:tab>
	</p:tabView>
	
	<h:form>  
  
    <p:growl id="growl" showDetail="true" />  
  	<c:forEach var="i" begin="1" end="10" step="2">
    <p:fieldset legend="Toggleable Fieldset" toggleable="true" toggleSpeed="500">  
        <p:ajax event="toggle"  listener="#{fieldsetBean.handleToggle}" update="growl" />  
        <h:panelGrid columns="4" cellpadding="100">
            <h:panelGrid columns="2" cellpadding="15">  
            <!-- <p:graphicImage value="" />  -->
            <h:outputText value="offre numero ${i}"/><br/>
            <p:rating value="#{NoteClientBean.valeur}" stars="5" readonly="true"/>
            <h:outputText value="Villes:  #{VilleBean.villes}"/><br/>
            <h:outputText value="Pays: #{PaysBean.nom}"/><br/>
			<!-- Extraire la periode -->
			<h:outputText value="Periode: #{PeriodeBean.date_deb} - #{PeriodeBean.date_fin}" /><br/>
			<!-- Extraire la description du sejour -->
			<h:outputText value="#{VoyageBean.description}" /><br/>
			<p:button outcome="listeVoyage.xhmtl" value="Ajouter panier"/>
			</h:panelGrid> 
			<h:panelGrid columns="2" cellpadding="15">  
            <!-- <p:graphicImage value="" />  -->
            <h:outputText value="offre numero ${i+1}"/><br/>
            <p:rating value="#{NoteClientBean.valeur}" stars="5" readonly="true"/>
            <h:outputText value="Villes:  #{VilleBean.villes}"/><br/>
            <h:outputText value="Pays: #{PaysBean.nom}"/><br/>
			<!-- Extraire la periode -->
			<h:outputText value="Periode: #{PeriodeBean.date_deb} - #{PeriodeBean.date_fin}" /><br/>
			<!-- Extraire la description du sejour -->
			<h:outputText value="#{VoyageBean.description}" /><br/>
			<p:button outcome="listeVoyage.xhmtl" value="Ajouter panier"/>
			</h:panelGrid> 

        </h:panelGrid>  
    </p:fieldset> 
    </c:forEach> 
  
</h:form>
	</h:body>
</html>